<template>
  <section class="aaz">
    <!-- <h3><slot></slot></h3> -->
    <ul>
      <Searchsongitem
        @update:music="$emit('update:music', $event)"
        @update:playlist="$emit('update:playlist', newSongs)"
        v-for="(song, index) in newSongs"
        :key="song.id"
        :item="song"
        :index="index"
        :currentMusic="$attrs.currentMusic"
        :paused="$attrs.paused"
      />
    </ul>
  </section>
</template>

<script>
// import BorderedTitle from "@/components/BorderedTitle.vue";
import Searchsongitem from "@/components/Searchsongitem.vue";
// import hotNewmusic from "@/components/hotNewmusic.vue";
export default {
  props: ["newSongs"],
  components: {
    Searchsongitem,
    // hotNewmusic,
  },
};
</script>

<style>
/* .aaz{
  background: url("../assets/yao2.jpg");
  background-size: 100% 100%;
} */
</style>